<ion-content>
    <div class="calendar">
        <h3 class="month">{{month}}</h3>
        <div class="day" [scrollLeft]="offset">
            <ion-spinner name="bubbles" *ngIf="loading" color="light"></ion-spinner>
            <div class="day-item" *ngFor="let d of days" [class.complete]="d.isSigned">
                <div class="day-of-week">{{d.dayOfweek}}</div>
                <span class="day-num" [class.today]="d.day==today">{{d.day}}</span>
            </div>
        </div>
        <div class="sign-desc" margin-top>
            <p>本周连续签到 {{sequence}} 天</p>
            <button ion-button color="light" outline round [class.signed]="signStatus" (click)="sign()">
                {{signText}}
            </button>
        </div>
    </div>
    <div class="rule">
        <div class="r-title">签到规则</div>
        <ul>
          <li margin-bottom>签到一次得1分，每日仅限签到1次</li>
          <li margin-bottom>本周连续签到7天，赠送5积分</li>
          <li margin-bottom>会员日或节假日活动，签到双倍积分或赠送5积分</li>
          <li margin-bottom>会员生日当天赠送10积分</li>
          <li margin-bottom>在其他便民服务功能平台上消费1元积1分</li>
        </ul>
    </div>
</ion-content>